<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>注册</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="<%=path%>/resources/css/foreground.css">

   <script type="text/javascript"> 
      function selectTag(showContent,selfObj){ 
      var tag = document.getElementById("tags").getElementsByTagName("li"); 
      var taglength = tag.length; 
         for(i=0; i<taglength; i++){ 
             tag[i].className = ""; 
         } 
     selfObj.parentNode.className = "selectTag"; 

      for(i=0; j=document.getElementById("tagContent"+i); i++){ 
       j.style.display = "none"; 
       } 
      
       document.getElementsByName("tagContent")[0].checked=true;
        document.getElementById(showContent).style.display = "block"; 

       } 
    </script> 
   
  </head>
  
  <body>
    <div id="all">
    <jsp:include page="/common/foreg-head.jsp"></jsp:include>
    <div id="content">
       
      <div id="second">
          <div id="first">
               <div class="title">
                   <h3 style="text-align:left; color:#FFF;  margin-top:7px; margin-left:10px">注册新用户</h3>
              </div>
               <ul id="tags">
                      <li><a href="javascript:void(0)" onclick="selectTag('tagContent0',this)">
                        <input type="button" id="type" value="普通用户" onclick="#" />
                      </a></li>
                      <li class="selectTag"><a href="javascript:void(0)" onclick="selectTag('tagContent1',this)">
                <input type="button" id="type" value="店铺用户" onclick="#" /></a></li>
                      
              </ul>
          </div><!--end of first-->
           <div id="tagContent">
        <div id="tagContent0" class="tagContent selectTag" >
        <hr color="orange" />
        <table align="center" >
        
                   <tr>
                       <td height="50">用户名：</td><td><input  type="text"  style="width:130px;" /></td>
                       <td height="50">性别：</td><td><input  type="radio" />男 &nbsp;&nbsp;<input  type="radio" />女</td>
                      
                   </tr>
                   <tr>
                       <td height="50">密码：</td><td><input type="password" style="width:130px;"/></td>
                        <td height="50">出生年月：</td><td><input  type="text" style="width:130px;"/></td>
                   </tr>
                   <tr>
                       <td height="50">确认密码：</td><td><input type="password" style="width:130px;"/></td>
                      
                        <td height="50">家庭地址：</td><td><input  type="text" style="width:130px;"/></td>
                   </tr>
                   <tr>
                       <td>邮箱：</td><td><input type="text" style="width:130px;"/></td>
                       <td>联系方式：</td><td><input type="text" style="width:130px;"/></td>
                   </tr>
                   <tr>
                     <td colspan="4" align="center">
                          <input   type="button" value="注册"/>
                     </td>
                   </tr>
               </table>
        </div><!--end of tagContent0-->
         <div id="tagContent1" class="tagContent">
            <table align="center" >
                   <tr>
                       <td height="50">用户名：</td><td><input  type="text"  style="width:130px;" /></td>
                       <td height="50">性别：</td><td><input  type="radio" checked />男 &nbsp;&nbsp;<input  type="radio" />女</td>
                      
                   </tr>
                   <tr>
                       <td height="50">密码：</td><td><input type="password" style="width:130px;"/></td>
                        <td height="50">出生年月：</td><td><input  type="text" style="width:130px;"/></td>
                   </tr>
                   <tr>
                       <td height="50">确认密码：</td><td><input type="password" style="width:130px;"/></td>
                      
                        <td height="50">家庭地址：</td><td><input  type="text" style="width:130px;"/></td>
                   </tr>
                   <tr>
                       <td>邮箱：</td><td><input type="text" style="width:130px;"/></td>
                       <td>联系方式：</td><td><input type="text" style="width:130px;"/></td>
                   </tr>
                   <tr>
                       <td>店铺名称：</td><td><input type="text" style="width:130px;"/></td>
                       <td>联系方式：</td><td><input type="text" style="width:130px;"/></td>
                   </tr>
                   <tr>
                     <td colspan="4" align="center">
                          <input   type="button" value="注册"/>
                     </td>
                   </tr>
               </table>
        </div><!--end of tagContent1-->
       </div><!--end of tagContent-->
        <div id="right">
          <p>注册协议说明</p>
          <textarea style="width:650px; height:180px; text-align:center; margin-left:80px;" name="show" cols="25" rows="10" id="show" readonly="readonly">
         跳蚤市场用户注册协议
         本协议是您与跳蚤市场所有者（以下简称为“跳蚤市场”）之间就跳蚤市场网站服务等相关事宜所订立的契约，请您仔细阅读本注册协议，您点击“同意”按钮后，本协议即构成对双方有约束力的法律文件。
         第1条 本站服务条款的确认和接纳
         本站的各项电子服务的所有权和运作权归京东商城所有。用户同意所有注册协议条款并完成注册程序，才能成为本站的正式用户。用户确认：本协议条款是处理双方权利义务的契约，始终有效，法律另有强制性规定或双方另有特别约定的，依其规定。
          用户点击同意本协议的，即视为用户确认自己具有享受本站服务、下单购物等相应的权利能力和行为能力，能够独立承担法律责任。
          </textarea><br />
         <p style="color:#000;"> <input type="radio" />同意&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<input type="radio" />不同意 </p>
        </div><!--end of right-->
      
          
</div><!--end of second-->
       
</div><!--end of content-->

   <jsp:include page="/common/foreg-foot.jsp"></jsp:include>
   </div><!--end of all-->
  </body>
</html>
